<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<body>
	<header>
		<div class="logo"><img src="images/logo.png"></div>
		<div class="topnav">
			<ul>
				<li><a href="#">手机版</a></li>
				<li><a href="#">收藏本站</a></li>
			</ul>
		</div>
	</header>
	<nav>
		<ul>
			<li><a href="index.html">首页</a></li>
			<li><a href="gsjj.html">公司简介</a></li>
			<li><a href="#">产品中心</a></li>
			<li><a href="#">新闻中心</a></li>
			<li><a href="#">人才招聘</a></li>
			<li><a href="#">会员注册</a></li>
			<li><a href="#">联系我们</a></li>
		</ul>
	</nav>
	<main>
		<div class="banner"><img src="images/1.jpg"><span>勇攀高峰 砥砺前行</span></div>
		<div class="container">
			<!-- 产品展示 -->
			<section class="product">
				<h2>产品展示</h2><a href="#">更多产品</a>
				<ul>
					<!-- <li>
                            <h4>hot!</h4>
                            <a href="#"><img src="images/pro-1.jpg" alt="">
                                <p>PC008-1 BENZ.with diode<br><span>长度：93mm</span></p>
                            </a>
                        </li>
                        <li><a href="#"><img src="images/pro-2.jpg" alt="">
                                <p>PC008-3A</br><span>长度：101mm</span></p>
                            </a></li>
                        <li><a href="#"><img src="images/pro-3.jpg" alt="">
                                <p>PC008-1 BENZ.with diode<br><span>长度：93mm</span></p>
                            </a></li>
                        <li><a href="#"><img src="images/pro-4.jpg" alt="">
                                <p>PC008-3A</br><span>长度：101mm</span></p>
                            </a>
                        </li> -->
					<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
					<script>
						$.ajax({
							url: 'http://localhost:3000' //服务器地址
						}).then(res => {  // res是字符串
							var pArr = JSON.parse(res).data;  // 取得商品数据
							console.log(pArr);        // 浏览器按F12，看console输出    
							for (i = 0; i < pArr.length; i++) {
								$('.product').append(`<li><a href="#"><img src="${pArr[i].image}" alt="">
                                            <p>${pArr[i].name}<br><span>长度：${pArr[i].size}</span></p>
                                        </a></li>`);

							}
						})
					</script>

				</ul>
			</section>
			<!-- 产品展示 -->
			<!-- 新闻中心 -->
			<section class="news">
				<h2>新闻中心</h2><a href="#">更多新闻</a>
				<!-- <ul>
                        <li><a href="#">企业质量诚信经营承诺书<span>05-16</span></a></li>
                        <li><a href="">匠心专注，严格抽检中获五星好评<span>04-08</span></a></li>
                        <li><a href="">公司组织员工积极参与运动会<span>04-08</span></a></li>
                        <li><a href="">热烈祝贺我公司顺利通过省高新技术企业认定<span>04-08</span></a></li>
                        <li><a href="">党支部成员补种景观树<span>04-08</span></a></li>
                    </ul> -->
				<ul class="allNews">
					<script>
						$.ajax({
							url: 'http://localhost:3010' //服务器地址
						}).then(res => {  // res是字符串
							var nArr = JSON.parse(res).result.newslist;
							console.log(nArr);
							for (i = 0; i < nArr.length; i++) {
								$('.allNews').append(`<li><a href="#">${nArr[i].title.substr(0, 18)}...<span>${nArr[i].ctime}</span></a></li>`);

							}
						});  
					</script>
				</ul>
			</section>
			<!-- 新闻中心 -->
			<div style="clear: both;"></div>
			<section class="gsjj">
				<h2>公司简介</h2>
				<img src="images/gsgl.png" />
				<p>都达科技股份有限公司于2010年成立于常州，距上海2小时车程，是一个技术专业化、管理科学化、人员年轻化的现代化民营企业。公司主要生产和销售汽车空调配件控制阀，泄压阀，速度传感器，过热保护器。专业加工汽车品质，安全，创新是我们永远追求的目标；我们秉承客户的满意就是企业发展的追求，坚持世界的也是中国的，用最安全、最优质的理念服务于我们的客户。我们坚信没有落后的产业，只有落后的产品，我们始终以创造、创新为发展方向，不断推出适合消费者的新产品！<a
						href="gsjj.html">查看更多</a></p>
			</section>
		</div>
	</main>
	<footer>
		<div class="footnav">
			<ul>
				<li><a href="gsjj.html">公司简介</a></li>
				<li><a href="#">产品中心</a></li>
				<li><a href="#">新闻中心</a></li>
				<li><a href="#">会员注册</a></li>
				<li><a href="#">联系我们</a></li>
				<li><a href="#">手机版</a></li>
			</ul>
		</div>
		<div class="copyright">
			Copyright&copy;2019 都达科技股份有限公司 版权所有
		</div>
	</footer>
	<div class="sidemenu">
		<ul>
			<li><a href="#">意见反馈</a></li>
			<li class="gz">关注我们<img src="images/ewm.png"></li>
		</ul>
	</div>
</body>

</html>